<!-- 模板 -->
<template>
	<div class='aui-loading' v-show='show'>
		<div class='aui-loading__inner'>
			<div class='aui-loading__inner__spiner' :class="{'aui-loading__inner__spiner--logo': type === 1}">
				<span class='aui-loading__inner__spiner__spin'></span>
                <p class="aui-loading__inner__spiner__tip"></p>
			</div>
		</div>
	</div>
</template>

<!-- js -->
<script>
	export default{
		data(){
			return{
				show: !1
			}
		},
		props: {
			type: {
				type: Number,
				default: 1
			}
		},
		methods: {
			onShow() {
				this.show = !0;
			},
			onHide() {
				this.show = !1;
			}
		}
	}
</script>


<!-- scss -->
<style lang="scss" scoped>
	@import "./index.scss";
</style>